<template>
    <van-overlay :show="showShare" @click="openShare" z-index="10000">
        <div>
            <img class="share-arrow" src="~@/assets/images/share.svg" alt="">
            <!-- <img src="~@/assets/img/tools/sign-in/share-tip.png" alt="" class="share-tip">
            <div class="share-btn">我知道了</div> -->
            <div class="share-tip1">点击右上角</div>
            <div class="share-tip1">选择在默认浏览器中打开</div>
        </div>
    </van-overlay>
</template>

<script setup>
import { ref } from 'vue';

let showShare = ref(false);
const openShare = () => {
    showShare.value = !showShare.value
}

defineExpose({
    openShare,
})
</script>

<style lang="scss" scoped>
.share-btn {
    width: 136px;
    text-align: center;
    background: #0084F6;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
    margin: 26px auto 0;
}
.share-arrow {
    margin-left: 206px;
}
.share-tip {
    margin-left: 107px;
}
.share-tip1 {
    margin-left: 104px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
}
</style>